{% extends "models/front_simple.html" %}
{% block head %}
<script type="text/javascript" src="js/randomword.js"></script>
{% endblock %}
{% block title %}Mot aléatoire Français vers Japonais{% endblock %}
{% block content %}

<div class="info">
Un clic (ou fleche droite) pour dévoiler la traduction.
Un deuxième clic (ou fleche droite) pour passer au mot suivant.
</div>

<br />
<div class="random-word">
{% if translation.title %}
<div class="title">
{{ translation.title }} 
</div>
{% endif %}
<div class="translation">
{{ translation.translation }}
</div>
<div class="response">
	<div class="kana">
	{{ translation.getTerm().kana }} 
	{% if translation.getTerm().isToneDistinct() %}
	( {{ translation.getTerm().getToneHTML()|raw }} )
	{% endif %}
	</div>
	<div class="pronunciation">
	{{ translation.getTerm().pronunciation_romaji }}
	</div>
</div>
</div>
{% endblock %}